<template>
  <div>
    <el-collapse v-model="activeName"
                 accordion>
      <el-collapse-item v-for="item in activeList"
                        :key="item.name"
                        :title="item.title"
                        :name="item.name">
        <div v-html="item.text"></div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  name: 'PS_WD',
  data() {
    return {
      activeName: '1',
      activeList: [
        {
          title: '预定流程是怎样的？',
          name: 1,
          text:
            '提前与摄影师梅比斯大人联系'
        },
        {
          title: '拍完多久拿片？',
          name: 2,
          text:
            '一般精修后的两到三周内可拿片'
        },
        {
          title: '有没有其他额外消费？',
          name: 3,
          text:
            '不增收额外费用'
        },
        {
          title: '下雨咋办？',
          name: 4,
          text:
            '改日'
        },
        {
          title: '需要改拍摄时间咋办？',
          name: 5,
          text:
            '提前一周与梅比斯大人联系'
        },
        {
          title: '拍摄时能带朋友或者狗狗么？',
          name: 6,
          text:
            '尽量不要'
        },
        {
          title: '拍摄当天能带自己的衣服么？',
          name: 7,
          text:
            '可以，多带几套最好'
        },
        {
          title: '戴眼镜怎么办么？',
          name: 8,
          text:
            '带隐形，或者只带眼镜框，因为眼睛片会反光'
        },
        {
          title: '不会摆动作咋办？',
          name: 9,
          text:
            '没关系，梅比斯大人会手把手教你的'
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
/deep/ .el-collapse-item__header.is-active {
  color: #000000;
  font-size: 16px;
}
/deep/ .el-collapse-item__content {
  color: #909399;
  padding: 0 11px;
}
</style>
